<template>
  <div>
    <header>
      <h1>学生管理系统hsiisusxxiixjijis</h1>
      <h1>2323232323223</h1>
      <h1>2323232323223</h1>
      <h1>2323232323223</h1>
      <h1>2323232323223</h1>
      <h1>2323232323223</h1>
      <h1>2323232323223</h1>
    </header>
    <main>
      <!-- <--左侧菜单 -->
      <aside>
        <dl>
          <dt>学生管理</dt>
          <dd>
            <router-link to="/Home/addstudents">新增学生</router-link>
          </dd>
          <dd>
            <router-link to="/Home/liststudents">学生列表</router-link>
          </dd>
        </dl>
        <dl>
          <dt>班级管理</dt>
          <dd>
            <router-link to="/Home/addclass">班级新增</router-link>

          </dd>
          <dd>
            <router-link to="/Home/listclass">班级列表</router-link>
          </dd>
        </dl>
        <dl>
          <dt>教师管理</dt>
          <dd>教师新增</dd>
          <dd>教师列表</dd>
        </dl>
        <dl>
          <dt>专业管理</dt>
          <dd>
            <router-link to="/Home/addsubjects">专业新增</router-link>
          </dd>
          <dd>
            <router-link to="/Home/listsubjects">专业列表</router-link>
          </dd>
        </dl>
      </aside>

      <!-- 内容 -->

      <section>
        <router-view></router-view>
      </section>
    </main>
  </div>
</template>

<script>
  // import axios from "axios";
  export default {

    data() {
      return {

      }
    },
    components: {

    },
    methods: {
      // addone
    }
  };
</script>
<style scoped>
  main {
    position: relative;
  }

  aside {
    position: absolute;
    width: 500px;
  }

  section {
    border: 1px solid;
    position: absolute;
    left: 500px;
    width: 800px;
  }
</style>